<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="HandheldFriendly" content="true">
		<title>广告条滚动</title>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_808616_yrbvv5ptdqj.css" />
		<link rel="stylesheet" type="text/css" href="../../css/comment.css" />
	</head>

	<body>
		<section class="st-container">
			<div class="st-item">
				<p class="st-item-title st-border-b">上下滚动广告条</p>
				<div class="st-ads-wrp">
					<div class="st-ads">
						<i class="iconfont icon-horn"></i>&nbsp;&nbsp;<span>公告</span>
						<div class="st-notice">
							<ul>
								<li>
									<a href="../my.html">111111</a>
								</li>
								<li>
									<a href="../../index.html">22222</a>
								</li>
								<li>33333</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
			<div class="st-item">
				<p class="st-item-title st-border-b">左右滚动广告条</p>
				<div id="st-scroll_div" class="st-ads-lr">
					<ul id="st-scroll_begin" class="st-ads-begin">
						<li>121313</li>
						<li>121313</li>
						<li>121313</li>
						<li>121313</li>
					</ul>
					<div id="st-scroll_end" class="st-ads-end"></div>
				</div>
			</div>
		</section>
		<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
//			//文字横向滚动
			lr()
			//文字上下滚动
			$(function() {
				var num = $('.st-notice').find('li').length;
				if(num > 1) {
					var time = setInterval('timer(".st-notice")', 3500);
				}
			});
			
			
		</script>
	</body>

</html>